 <!-- Footer -->
      <!-- Footer -->
<footer class="g-bg-black-opacity-0_9 g-color-white-opacity-0_6 g-py-60">
  <div class="container">
    <div class="row">
      <!-- Footer Content -->
      <div class="col-lg-4 g-mb-50 g-mb-0--lg">
        <h2 class="h6 g-color-white text-uppercase g-font-weight-700 g-mb-20">Contact Us</h2>
        <div class="g-mb-25">
          <p><{:C('cfg_footer_contact_us')}></p>
        </div>

        <address class="g-mb-20">
          <ul class="list-unstyled">
<li class="d-flex align-items-baseline g-mb-12">
              <i class="fa fa-envelope g-mr-10"></i>
              <span>Email:
                <a class="g-color-white-opacity-0_8" href="mailto:<{:C('cfg_email')}>"><{:C('cfg_email')}> </a>
              </span>
            </li>
            
            <li class="d-flex align-items-baseline g-mb-12">
              <i class="fa fa-phone g-mr-10"></i>
              <span>Phone: <{:C('cfg_phone')}></span>
            </li>
            <li class="d-flex align-items-baseline g-mb-12">
              <i class="fa fa-map-marker g-mr-10"></i>
              <span>  <{:C('cfg_address')}> </span>
            </li>
          </ul>
        </address>

        <ul class="list-inline mb-0">

          <li class="list-inline-item g-mx-5">
            <a class="u-icon-v3 u-icon-size--xs g-bg-white-opacity-0_1 g-bg-primary--hover g-color-white-opacity-0_8 rounded" href="<{:C('cfg_facebook')}>">
              <i class="fa fa-facebook"></i>
            </a>
          </li>
          <li class="list-inline-item">
            <a class="u-icon-v3 u-icon-size--xs g-bg-white-opacity-0_1 g-bg-primary--hover g-color-white-opacity-0_8 rounded" href="<{:C('cfg_twitter')}>">
              <i class="fa fa-twitter"></i>
            </a>
          </li>
          
       
          <li class="list-inline-item g-mx-5">
            <a class="u-icon-v3 u-icon-size--xs g-bg-white-opacity-0_1 g-bg-primary--hover g-color-white-opacity-0_8 rounded" href="<{:C('cfg_instagram')}>">
              <i class="fa fa-instagram"></i>
            </a>
          </li>
        </ul>
      </div>
      <!-- End Footer Content -->

      <!-- Footer Content -->
      <div class="col-lg-4 g-mb-30 g-mb-0--lg">
        <h2 class="h6 g-color-white text-uppercase g-font-weight-700 g-mb-20">Useful Links</h2>
        <div class="row">
          <div class="col-sm-6">
            <ul class="list-unstyled g-mb-30 g-mb-0--md">

              <?php
                  $pro_info = M('content')->where('pid=2')->select();
                  //var_dump($pro_info);
              ?>

              <volist name="pro_info" id="po">
                  <li class="d-flex g-mb-12">
                    <i class="fa fa-circle g-color-primary g-font-size-5 g-mt-10 g-mr-8"></i>
                    <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="index.php?m=product&a=detail&id=<{$po.id}>"><{$po.title}></a>
                  </li>
              </volist>
              
     
            
            </ul>
          </div>

          <div class="col-sm-6">
            <ul class="list-unstyled mb-0">
              
                <?php
                    $m['id'] = ['gt',2];
                    $cate = M('category')->where($m)->select();
                ?>

                <volist name="cate" id="co">

                    <li class="d-flex g-mb-12">
                      <i class="fa fa-circle g-color-primary g-font-size-5 g-mt-10 g-mr-8"></i>
                      <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="<{$co.url}>"><{$co.classname}></a>
                    </li>

                </volist>
           
           
            </ul>
          </div>
        </div>
      </div>
      <!-- End Footer Content -->

      <!-- Footer Content -->
      <div class="col-lg-4">
        <h2 class="h6 g-color-white text-uppercase g-font-weight-700 g-mb-20">Subscribe</h2>
        <div class="g-mb-25">
          <p><{:C('cfg_footer_subscribe')}></p>
        </div>

       <form name='feedback' method='post' enctype='multipart/form-data' action='#'>
          <div class="row">
            <div class="col-md-8 col-lg-12">
              <div class="form-group g-mb-20">
                <input class="form-control g-color-white g-bg-transparent g-bg-transparent--focus g-brd-white-opacity-0_1 g-rounded-50 g-px-20 g-py-12" name='email' type='text' id="email" placeholder="Your Email">
              </div>
            </div>

            <div class="col-md-4 col-lg-12">
             <input name='enews' type='hidden' value='AddFeedback'> <input name='title' type='hidden' value='邮箱递交'><button class="btn u-btn-primary btn-block g-font-size-12 text-uppercase g-font-weight-600 g-rounded-50 g-py-15 g-px-35" type='button' name='submit' id="sub">View our best offers</button>
            </div>
          </div>
        </form>
      </div>
      <!-- End Footer Content -->
    </div>
  </div>
</footer>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-70792164-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-70792164-1');
</script>
<!-- End Footer -->
    <!-- End Footer -->

    <a class="js-go-to u-go-to-v1" href="#!" data-type="fixed" data-position='{
     "bottom": 15,
     "right": 15
   }' data-offset-top="400" data-compensation="#js-header" data-show-effect="zoomIn">
      <i class="hs-icon hs-icon-arrow-top"></i>
    </a>
  </main>

  <div class="u-outer-spaces-helper"></div>


  <!-- JS Global Compulsory -->
  <script src="__PUBLIC__/vendor/js/jquery.min.js"></script>
  <script src="__PUBLIC__/vendor/js/jquery-migrate.min.js"></script>
  <script src="__PUBLIC__/vendor/js/popper.min.js"></script>
  <script src="__PUBLIC__/vendor/js/bootstrap.min.js"></script>


  <!-- JS Implementing Plugins -->
  <script src="__PUBLIC__/vendor/js/appear.js"></script>
  <script src="__PUBLIC__/vendor/js/slick.js"></script>
  <script src="__PUBLIC__/vendor/js/hs.megamenu.js"></script>
  <script src="__PUBLIC__/vendor/js/dzsparallaxer.js"></script>
  <script src="__PUBLIC__/vendor/js/scroller.js"></script>
  <script src="__PUBLIC__/vendor/js/plugin.js"></script>
  <script src="__PUBLIC__/vendor/js/hs-bg-video.js"></script>
  <script src="__PUBLIC__/vendor/js/player.min.js"></script>
  <script src="__PUBLIC__/vendor/js/jquery.fancybox.js"></script>

  <!-- JS Unify -->
  <script src="__PUBLIC__/vendor/js/hs.core.js"></script>
  <script src="__PUBLIC__/vendor/js/hs.header.js"></script>
  <script src="__PUBLIC__/vendor/js/hs.hamburgers.js"></script>
  <script src="__PUBLIC__/vendor/js/hs.tabs.js"></script>
  <script src="__PUBLIC__/vendor/js/hs.height-calc.js"></script>
  <script src="__PUBLIC__/vendor/js/hs.onscroll-animation.js"></script>
  <script src="__PUBLIC__/vendor/js/hs.bg-video.js"></script>
  <script src="__PUBLIC__/vendor/js/hs.popup.js"></script>
  <script src="__PUBLIC__/vendor/js/hs.carousel.js"></script>
  <script src="__PUBLIC__/vendor/js/hs.go-to.js"></script>

  <!-- JS Customization -->
  <script src="__PUBLIC__/vendor/js/custom.js"></script>

  <!-- JS Plugins Init. -->
  <script>
    $(document).on('ready', function () {
        // initialization of carousel
        $.HSCore.components.HSCarousel.init('.js-carousel');

        // initialization of tabs
        $.HSCore.components.HSTabs.init('[role="tablist"]');

        // initialization of header's height equal offset
        $.HSCore.helpers.HSHeightCalc.init();

        // initialization of scroll animation
        $.HSCore.components.HSOnScrollAnimation.init('[data-animation]');

        // initialization of video on background
        $.HSCore.helpers.HSBgVideo.init('.js-bg-video');

        // initialization of popups with media
        $.HSCore.components.HSPopup.init('.js-fancybox-media', {
          helpers: {
            media: {},
            overlay: {
              css: {
                'background': 'rgba(0, 0, 0, .8)'
              }
            }
          }
        });

        // initialization of go to
        $.HSCore.components.HSGoTo.init('.js-go-to');
      });

      $(window).on('load', function () {
        // initialization of header
        $.HSCore.components.HSHeader.init($('#js-header'));
        $.HSCore.helpers.HSHamburgers.init('.hamburger');

        // initialization of HSMegaMenu component
        $('.js-mega-menu').HSMegaMenu({
          event: 'hover',
          pageContainer: $('.container'),
          breakpoint: 991
        });
      });

      $(window).on('resize', function () {
        setTimeout(function () {
          $.HSCore.components.HSTabs.init('[role="tablist"]');
        }, 200);
      });

      $("#sub").click(function(event) {
          var email = $("#email").val(); 
          if(email == ''){
              alert('Please enter email');
              return false;
          }

          $.post('/index.php?m=product&a=feedback', {'Email':email}, function(json) {
          if(json.status==true){
              alert(json.msg);
              return false;
          }else{
              alert(json.msg);
              return false;       
          }
        },'json');
      });
  </script>


  <script type="text/javascript">
        $("#sub_con").click(function(event) {
              var name = $("#name_con").val();
              var email = $("#email_con").val(); 
              var content = $("#content_con").val(); 
              var mobile = $("#mobile_con").val();
              var title = $("#company_con").val(); 

              if(name == ''){
                  alert('Please enter your name');
              }
                

              if(email == ''){
                  alert('Please enter your email');
                  return false;
              }

              if(mobile == ''){
                  alert('Please enter your mobile');
                  return false;
              }

              if(content == ''){
                  alert('Please enter your message');
                  return false;
              }

              $.post('/index.php?m=product&a=feedback', {'title':title,'Name':name,'Email':email,'Message':content,'tel':mobile}, function(json) {
              if(json.status==true){
                  alert(json.msg);
                  return false;
              }else{
                  alert(json.msg);
                  return false;       
              }
            },'json');
        });
  </script>

  <!--Start of Tawk.to Script-->
  <script type="text/javascript">
  var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
  (function(){
  var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
  s1.async=true;
  s1.src='https://embed.tawk.to/5c722b52a726ff2eea59274a/default';
  s1.charset='UTF-8';
  s1.setAttribute('crossorigin','*');
  s0.parentNode.insertBefore(s1,s0);
  })();
  </script>
  <!--End of Tawk.to Script-->



</body>

</html>
